<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Widpy</title>
<link rel="stylesheet" type="text/css" href="/media/css/style.css" media="screen" />
</head>
<body>
<div id="header">
<h1>Widpy</h1>
 <div id="menu">
  <ul id="nav">
   
  </ul>
 </div>
</div>
<div id="content">
<div id="right">
<h1><p align="center"><a href="?b=w" id="/search/">Busqueda</a></p></h1>
<h2>
  {% if que_buscar %}
  <p align="center"><a href="?b=w" id="/search/"><font size=3 color=blue>Widgets</a></font>
  <a href="?b=t" id="/search/"><font size=2 color=silver>Temas</a></font>
  </p>
  {% else %}
  <p align="center"><a href="?b=w" id="/search/"><font size=2 color=silver>Widgets</a></font>
  <a href="?b=t" id="/search/"><font size=3 color=blue>Temas</a></font>
  </p>

  {% endif %}
</h2>


{% if que_buscar %}
<form action="/search/" method="GET">
<label for="q"><font size=4 color=#3366FF>Buscar Widgets: </label></font>
<input type="text" name="q" value="">
<input type="hidden" value="wid" name="modo" />
{% if buscar_cat %}
<input type="hidden" value="{{ buscar_cat }}" name="cat" />
{% endif %}
<input type="submit" value="Buscar">
</form>

{% else %}
<form action="/search/" method="GET">
<label for="q"><font size=4 color=#3366FF>Buscar Temas: </label></font>
<input type="text" name="q" value="">
<input type="hidden" value="tem" name="modo" />
{% if buscar_cat %}
<input type="hidden" value="{{ buscar_cat }}" name="cat" />
{% endif %}
<input type="submit" value="Buscar">
</form>

{% endif %}

{% if query %}
	
	<p>La busqueda arrojo {{ query|length }} resultado{{ query|pluralize }}.</p>
	{% if que_buscar %}
		<ul>
		{% for nombre in query %}
			<br><h2>{{ nombre.nombre_widget }}</h2> Autor: {{ nombre.autor }}</br>
			<a href="?w_id={{ nombre.id }}"id="/search_widgets/"><br></br>Agregar</a><br></br>
			<a href="info/w/{{ nombre.id }}">Ver Informacion</a><br></br>
		{% endfor %}
		</ul>
	{% else %}
		<ul>
		{% for nombre in query %}
			<br><h2>{{ nombre.nombre_tema }}</h2> Autor: {{ nombre.autor }}</br>
			<a href="?t_id={{ nombre.id }}"id="/search_widgets/"><br></br>Agregar</a><br></br>
			<a href="info/t/{{ nombre.id }}">Ver Informacion</a><br></br>
			
		{% endfor %}
		</ul>
	{% endif %}
{% else %} <! No hay busqueda, se listan todos los items /!>
	{% if buscar_cat  %}
		{% if items_cat %}
			<ul>
			{% for item in items_cat %}
				{% if que_buscar %}
					<br><li><h2>{{ item.nombre_widget }}</h2> Autor: {{ item.autor }}  </a></li></br>
					<a href="info/w/{{ item.id }}">Ver Informacion</a><br></br>
				{% else %}
					<br><li><h2>{{ item.nombre_tema }}</h2> Autor: {{ item.autor }}  </a></li></br>
					<a href="info/t/{{ item.id }}">Ver Informacion</a><br></br>
				{% endif %}
			{% endfor %}
			  </ul>
		{% else %}
				<p>No hay items en esta categoria.</p>
			
		{% endif %}
	
	{% else %}
			<! Para listar todos los widgets o temas  /!>
			{% if que_buscar %}
				{% if temas %}
					    <ul>
					    {% for tema in temas %}
						<br><li><h2>{{ tema.nombre_widget }}</h2> Autor: {{ tema.autor }}</a></li></br>
						<a href="info/w/{{ tema.id }}">Ver Informacion</a><br></br>
					    {% endfor %}
					    </ul>
				{% else %}
					<p>No hay widgets.</p>
				{% endif %}
			{% else %}
				{% if temas %}
					    <ul>
					    {% for tema in temas %}
						<br><li><h2>{{ tema.nombre_tema }}</h2> Autor: {{ tema.autor }}</a></li></br>
						<a href="info/t/{{ tema.id }}">Ver Informacion</a><br></br>
					    {% endfor %}
					    </ul>
				{% else %}
					<p>No hay temas.</p>
				{% endif %}
			{% endif %}
	{% endif %}

{% endif %}

</div>
	
<div id="left">
	<div class="box">
			<h2>Buscar, agregar, etc...</h2>	
			<p>Opciones</p>
	</div>
			
	<div class="box">
			<h2>Configuracion...</h2>
			<p></p>
	</div>
		
    	<div class="box">
	   <div style="font-size: 0.8em;">Design by UC</a></div>
	</div>

	<div class="box">
		
		<p align="left">
		<h2>Buscar por categorias:</h2>
		{% if categoria %}
			<ul>
			{% if que_buscar %}
				<li><p align="left"><a href="?b=w"id="/search/">Todas las categorias</p></a></li>
			{% else %}
				<li><p align="left"><a href="?b=t"id="/search/">Todas las categorias</p></a></li>
			{% endif %}

			{% for cat in categoria %}
				{% if que_buscar %}
					<li><p align="left"><a href="?modo=wid&cat={{ cat.nombre }}"id="/search/">{{ cat.nombre }}</p></a></li>
				{% else %}
					<li><p align="left"><a href="?modo=tem&cat={{ cat.nombre }}"id="/search/">{{ cat.nombre }}</p></a></li>
				{% endif %}
			{% endfor %}
			</ul>
		{% else %}
			<p>No hay Categorias.</p>
		{% endif %}
		</p>



	</div>
</div>

</div>



</body>
</html>
